#header {
  height: 112px;
  width: 100%;
}
#header .top {
  height: 28px;
  width: 100%;
  background: black;
  color: white;
  line-height: 28px;
}
#header .top a {
  text-decoration: none;
  color: #f60;
}
#header a:hover {
  color: #f60;
}
/*表单于购物车*/
#header .serachbox {
  margin-top: 10px;
  overflow: hidden;
}
#header .serachbox .txt:first-child {
  width: 388px;
  height: 32px;
  border: 2px solid #ff6600;
  border-right: none;
  text-indent: 8px;
}
#header .serachbox .btn {
  width: 50px;
  height: 36px;
  border: none;
  background: #ff6600;
  background: url(../image/bgicon.png) no-repeat;
  cursor: pointer;
}
#header .serachbox .cart {
  width: 100px;
  height: 36px;
  text-indent: 36px;
  background: #ff6600;
  background: url(../image/bgicon.png) 0px -42px #f60;
  line-height: 36px;
  margin-left: 36px;
}
#header .serachbox .cart em {
  width: 20px;
  height: 36px;
  text-indent: 5px;
}
#header .serachbox .order {
  width: 100px;
  height: 36px;
  line-height: 36px;
  background: #ebebeb;
  text-align: center;
  color: #818181;
  border: 1px solid #fff;
}
#header .navigation ul {
  margin-left: 220px;
  margin-top: 10px;
}
#header .navigation li {
  float: left;
  margin-left: 36px;
  color: black;
}
#header .img img {
  position: absolute;
}
#header .zuoyi {
  margin-left: 200px;
}
/*banner*/
#banner {
  overflow: hidden;
}
#banner .nav {
  position: relative;
  width: 200px;
  height: 448px;
  background: #f3f3f3;
}
#banner .nav > li {
  line-height: 30px;
}
#banner .nav li p {
  border: 1px solid transparent;
  text-indent: 20px;
  z-index: 120;
}
#banner .nav li:hover p {
  position: relative;
  background: #fff;
  color: #f60;
  border-color: #f60;
  width: 200px;
  border-right: 0;
}
#banner .nav li:hover .submenu {
  display: block;
}
#banner .nav li .submenu {
  position: absolute;
  left: 200px;
  top: 0;
  width: 600px;
  height: 448px;
  border: 1px solid #f60;
  display: none;
  z-index: 110;
  background: #fff;
  box-sizing: border-box;
}
#banner .slidebox {
  width: 1000px;
  height: 420px;
  background: lavenderblush;
}
/*今日推荐*/
#recomment {
  margin-top: 20px;
  height: 580px;
}

#recomment h1 {
  line-height: 34px;
  border-bottom: 6px solid #f60;
}
#recomment .con {
  width: 1188px;
  margin: 0 auto;
  border-left: 1px solid #f60;
  overflow: hidden;
}
#recomment .con ul li {
  width: 198px;
  height: 250px;
  border-right: 1px solid #f60;
  border-bottom: 1px solid #f60;
  box-sizing: border-box;
}
#recomment .con ul li a {
  color: red;
}
#recomment .con .bigs {
  font-size: 16px;
  line-height: 16px;
}
#recomment .con .move {
  margin-top: 10px;
}
/*电子书*/
#ebook .ys img {
  width: 158px;
  height: 116px;
}
#ebook {
  position: relative;
  height: 460px;
}
#ebook #bi {
  margin-right: 0;
}
#ebook .left {
  position: relative;
  width: 900px;
  height: 456px;
}
#ebook .ss h1 {
  line-height: 34px;
  border-bottom: 6px solid #f60;
}
#ebook .ss .tl {
  position: absolute;
  right: 0;
  top: 0;
}
#ebook .ss .tl a {
  float: left;
  display: block;
  height: 34px;
  width: 100px;
  color: black;
  text-align: center;
  line-height: 34px;
  font-size: 18px;
}
#ebook .ss .tl a:hover {
  background: #f60;
  color: white;
}
#ebook .left .zx {
  width: 240px;
  height: 415px;
}
#ebook .left .zx a {
  display: inline-block;
  height: 35px;
  width: 70px;
  color: #333333;
}
#ebook .left .lunbo1 {
  width: 326px;
  height: 210px;
  border: 1px solid #ccc;
}
#ebook .ys li {
  float: left;
  width: 162px;
  height: 210px;
  border: 1px solid #ccc;
}
#ebook .ys li a {
  color: #333333;
}
#ebook .ys li a .ccc {
  margin-left: 30px;
}
#ebook .right {
  position: absolute;
  right: 0;
  top: 0;
  width: 296px;
  height: 460px;

  color: #4d4d4d;
}
#ebook .right .cred {
  margin: 0 10px 0 20px;
}
#ebook .right .ys {
  width: 126px;
  height: 115px;

  margin: 10px 10px 0 0;
  font-size: 12px;
  color: #333333;
}
#ebook .right h3 {
  text-align: center;
}
#ebook .right li {
  margin-top: 20px;
}
#ebook .right li a {
  color: #333333;
}
/*服装*/
#cloth .ss img {
  width: 171px;
  height: 334px;
}
#cloth .xx img {
  width: 171px;
  height: 154px;
}
#cloth {
  margin-top: 50px;
  height: 600px;
  position: relative;
}
#cloth h1 {
  border-bottom: 6px solid #f60;
}
#cloth .ys {
  position: absolute;
  right: 0;
  top: 0;
}
#cloth .ys a {
  display: inline-block;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #333333;
}
#cloth .ys a:hover {
  background: #f60;
  color: white;
}
#cloth .zx {
  width: 240px;
  height: 500px;
}
#cloth .lunbo3 {
  width: 425px;
  height: 500px;
  border: 3px solid #ccc;
}
#cloth .xys {
  width: 529px;
  height: 498px;
}
#cloth .xys .ss li {
  width: 174px;
  height: 338px;
  border: 1px solid #ccc;
  float: left;
}
#cloth .xys .xx li {
  width: 174px;
  height: 158px;
  border: 1px solid #ccc;
  float: left;
}
#cloth .zx .nb a {
  display: inline-block;
  height: 40px;
  width: 70px;
  color: #333333;
}
#cloth .xxx img {
  width: 129px;
}

/*运动户外*/
#sport .ss img {
  width: 176px;
  height: 338px;
}
#sport .xx img {
  width: 175px;
  height: 158px;
}
#sport {
  margin-top: 50px;
  height: 600px;
  position: relative;
}
#sport h1 {
  border-bottom: 6px solid #f60;
}
#sport .ys {
  position: absolute;
  right: 0;
  top: 0;
}
#sport .ys a {
  display: inline-block;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #333333;
}
#sport .ys a:hover {
  background: #f60;
  color: white;
}
#sport .zx {
  width: 240px;
  height: 500px;
}
#sport .zx .nb a {
  display: inline-block;
  height: 40px;
  width: 70px;
  color: #333333;
}
#sport .lunbo3 {
  width: 425px;
  height: 500px;
  border: 3px solid #ccc;
}
#sport .xys {
  width: 529px;
  height: 498px;
}
#sport .xys .ss li {
  width: 174px;
  height: 338px;
  border: 1px solid #ccc;
  float: left;
}
#sport .xys .xx li {
  width: 174px;
  height: 158px;
  border: 1px solid #ccc;
  float: left;
}
#sport .xxx img {
  width: 116px;
}

/*婴儿。。。*/
#baby .ss img {
  width: 191px;
  height: 340px;
}
#baby .xx img {
  width: 199px;
  height: 170px;
}
#baby {
  margin-top: 50px;
  height: 600px;
  position: relative;
}
#baby h1 {
  border-bottom: 6px solid #f60;
}
#baby .ys {
  position: absolute;
  right: 0;
  top: 0;
}
#baby .ys a {
  display: inline-block;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #333333;
}
#baby .ys a:hover {
  background: #f60;
  color: white;
}
#baby .zx {
  width: 240px;
  height: 500px;
}
#baby .zx .nb a {
  display: inline-block;
  height: 40px;
  width: 70px;
  color: #333333;
}
#baby .lunbo3 {
  width: 425px;
  height: 500px;
  border: 3px solid #ccc;
}
#baby .xys {
  width: 529px;
  height: 498px;
}
#baby .xys .ss li {
  width: 174px;
  height: 338px;
  border: 1px solid #ccc;
  float: left;
}
#baby .xys .xx li {
  width: 174px;
  height: 158px;
  border: 1px solid #ccc;
  float: left;
}
#baby .xxx img {
  width: 116px;
}
#baby .zx img {
  height: 350px;
  width: 238px;
}

/*家居日用*/
#house {
  height: 540px;

  margin-top: 100px;
}
#house h1 {
  border-bottom: 6px solid #f60;
}
#house .zz {
  width: 483px;
  height: 498px;
}
#house .yy {
  width: 708px;
  height: 498px;
}
#house .yy .zs li {
  width: 175px;
  height: 338px;
  border: 1px solid #ccc;
  float: left;
}
#house .yy .zx li {
  width: 175px;
  height: 158px;
  float: left;
  border: 1px solid #ccc;
}
/*推广商品*/
#extend {
  position: relative;
  height: 630px;
  margin-top: 100px;
  margin-bottom: 100px;
}
#extend h1 {
  border-bottom: 6px solid #f60;
}
#extend .yy {
  position: absolute;
  right: 0;
  top: 8px;
}
#extend .yy div {
  width: 16px;
  height: 16px;
  border: 1px solid white;
  float: left;
  border-radius: 10px;
  margin-right: 20px;
  background: #ccc;
}
#extend .yy div:hover {
  background: #f60;
}
#extend li {
  width: 238px;
  height: 297px;
  float: left;
  text-align: center;
  font-size: 16px;
}
#extend li .im {
  margin-top: 40px;
}
#extend li .ig {
  margin-top: 20px;
}
#extend li .dar {
  font-size: 20px;
}
#extend li a {
  color: #333333;
}
#extend li:hover {
  background: #ccc;
}

/*划分线*/
#footer {
  width: 100%;
  height: 100px;
  border-top: 6px solid #f60;
  background: #ccc;
}
#footer .hen {
  text-align: center;
}
#footer .hen img {
  margin: 30px;
}
#footer .zx {
  width: 800px;
  height: 160px;
  margin: 0 auto;
  margin-bottom: 50px;
}
#footer .zx li {
  width: 100px;
  height: 150px;
}
#footer .zx li a {
  display: inline-block;
  width: 100px;
  line-height: 30px;
  text-align: center;
  color: black;
}
#footer .zx .fl {
  margin-right: 72px;
}
#footer .zx span {
  font-size: 18px;
}
#footer p {
  text-align: center;
}
#footer .df {
  margin-bottom: 30px;
}

/*领券中心*/
.lq {
  position: fixed;
  right: 0;
  top: 200px;
}
.lq .lq2 {
  position: absolute;
  left: -100px;
  top: 0;
  display: none;
}
.lq .lq3 {
  position: absolute;
  top: -40px;
  left: 0;
  display: none;
}
.lq .lq4 {
  position: absolute;
  left: 0;
  bottom: -38px;
  display: none;
}
/*楼层*/
#lc {
  width: 40px;
  height: 200px;
  position: fixed;
  left: 50%;
  margin-left: -650px;
  top: 350px;
}
#lc button {
  width: 40px;
  height: 39px;
  outline: none;
  border: 0;
}

#lc img {
  width: 40px;
  height: 40px;
}
#lc span {
  width: 40px;
  height: 39px;
  background: #93d46f;
  text-align: center;
  line-height: 40px;
}
#lc #ts {
  position: absolute;
  top: 0;
  right: -40px;
  display: none;
}
#lc #fz {
  position: absolute;
  top: 44px;
  right: -40px;
  display: none;
}
#lc #yd {
  position: absolute;
  top: 88px;
  right: -40px;
  display: none;
}
#lc #tz {
  position: absolute;
  top: 132px;
  right: -40px;
  display: none;
}
#lc #jj {
  position: absolute;
  top: 176px;
  right: -40px;
  display: none;
}

/*回到顶部*/
#db {
  width: 30px;
  height: 50px;
  background: khaki;
  position: fixed;
  right: 100px;
  top: 600px;
}

/*搜索框显示隐藏*/
#toph {
  width: 100%;
  height: 50px;
  background: url(../image/fj2.jpg);
  position: fixed;
  top: 0;
  display: none;
}
#toph .sear {
  height: 43px;
  padding-top: 7px;
}
#toph .sear form {
  float: none;
  margin: 0 auto;
  height: 36px;
  width: 450px;
}
#toph .sear .txt:first-child {
  width: 388px;
  height: 32px;
  border: 2px solid #ff6600;
  border-right: none;
  text-indent: 8px;
}
#toph .sear .btn {
  width: 50px;
  height: 36px;
  border: none;
  background: #ff6600;
  background: url(../image/bgicon.png) no-repeat;
  cursor: pointer;
}
